<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="baidu-site-verification" content="95bnr6H9qz" />
    <title>真气网-关注环境空气质量|PM2.5查询|PM2.5实时查询|PM2.5雾霾地图|空气质量地图指数AQI和PM2.5预报查询</title>
    <meta http-equiv="refresh" content="300" />
    <meta name="keywords" content="空气质量地图,PM2.5实时查询,PM2.5地图,雾霾地图,空气质量,空气质量指数,AQI,雾霾,PM2.5,PM2.5预报" />
    <meta name="description" content="真气网是千人计划PM2.5特别防治小组旗下杭州真气环保科技有限公司倾力研发的环境大数据平台，提供PM2.5实时查询，PM2.5雾霾地图，空气质量雾霾地图，雾霾PM2.5预报，未来五日空气质量预报(PM2.5预报)，PM2.5历史数据分析，中国74及2+26城市空气质量排名等功能，真正解决公众微环境空气质量水平，打造健康生活。" />
    <link rel="shortcut icon" href="https://www.zq12369.com/resource/icons/logo.png">
    <link rel="stylesheet" type="text/css" href="https://www.zq12369.com/resource/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://www.zq12369.com/resource/css/style.css?v=1.28" type="text/css"><link rel="stylesheet" href="https://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" type="text/css">
    <link rel="stylesheet" href="https://www.zq12369.com/resource/css/bootstrap-table.min.css">
    <style type="text/css">
        body{position: relative;top: 0;left: 0;overflow-x:hidden; overflow-y:scroll;}
        .nodes{background-color: #F5F5F5;padding: 10px;border-radius: 5px; z-index: 9999;height: 200px; width: 300px;  position: fixed;display: none;}
        .nodes p{width:100%;}
        .layer-4{display: none !important;}
        .btntypegroup{ width: 70px;}

        #rolling{position: absolute;top: 524px;right: 0px;z-index: 10000;width: 236px;}
        /*#rolling a{display:block;}*/
        #rolling u{padding:4px;display:inline-block;background:#ffca88;width:76px;height:76px;border-radius: 50%;border: 4px solid #f5663c;position:relative;z-index: 100;}
        #rolling img{width:60px;height:60px;border-radius: 50%;}
        #rolling span{display: inline-block;font-size:16px;width: 160px;border-radius:0 20px 20px 0;height: 40px;line-height: 40px;color: #fff;background: #f5663c;padding-left: 10px;margin-left: -10px;position: static;z-index: 110;}
        #rolling i{cursor:pointer;display:inline-block;width:20px;height:20px;background: url("https://www.zq12369.com/resource/img/chrismas_x.png") no-repeat 0px 0px;background-size:100% 100%;opacity: 0.6;position: absolute;top: -4px;left: 60px;z-index: 120;}

    </style>

</head>
<body>

<style>
    .searchbuttion{border:0px;}
    .dropdown{
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 120px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        width: 100px;
    }
    .dropdown_a{
        font-size: 14px!important;
        color: #777!important;
        text-decoration: none!important;
    }
    .dropdown_li{
        font-size: 14px!important;
        cursor: pointer;
        width: 118px!important;
        height: 45px!important;
        line-height: 45px!important;
        border-bottom: 1px solid gainsboro;
    }
    .close{position: relative; right: -60px;}
    .layer-4{display: none !important;}
    @-webkit-keyframes showbutton{
        25%{box-shadow: 0 0 15px gray;}
        50%{box-shadow: 0 0 80px gray;}
        100%{box-shadow: 0 0 15px gray;}
    }
    .winter{-webkit-animation: showbutton 2s infinite linear;position: fixed;text-align: center; top: 250px;right: 10px;width: 90px;height: 126px;z-index: 9999;font-size: 20px;background-color: #f0f0f0;border-radius: 8px;box-shadow: 0 0 15px gray;cursor: pointer}
    .winter span{margin-top:2px;color: black;text-shadow: 0 0 10px gray}

    .windmap{-webkit-animation: showbutton 2s infinite linear;position: fixed;text-align: center; top: 410px;right: 10px;width: 90px;height: 126px;z-index: 10001;font-size: 20px;background-color: #f0f0f0;border-radius: 8px;box-shadow: 0 0 15px gray;cursor: pointer;padding-top: 3px;}
    .windmap span{margin-top:5px;color: black;text-shadow: 0 0 10px gray;display: block;}

</style>

<!-- Fixed navbar -->
<a target="_blank" href="https://m.zq12369.com/winter_defense_pc.html">
    <div class='winter' onclick="">
        <img width="90px" src="https://www.zq12369.com/resource/img/winter.png" alt="真气网冬防考核" style="float:left" />
        <span>冬防考核</span>
    </div>
</a>

<a target="_blank" href="https://map.zq12369.com">
    <div class='windmap' onclick="">
        <img  width="86px" src="https://www.zq12369.com/resource/img/windmap.png" alt="真气网加强风场地图" />
        <span>加强地图</span>
    </div>
</a>

<div class="navbar navbar-default " role="navigation" style="background:#fff;background: rgba(255,255,255,0.5); margin:0px;min-width:1170px;">
    <div class="container" style="padding:3px 0px 3px 15px">
        <div class="topbanner">
            <div class="rightpart">
                <a href="map.php">污染地图>></a><img src="https://www.zq12369.com/resource/img/new.gif" height="18px">
                <a href="/cms">注册</a>
                <a href="/cms">登录</a>
            </div>
            <div class="leftpart">
                <a href="https://weibo.com/u/5561841322" target="_blank" rel="nofollow" class="weiboicon" style='margin-top:5px;' title="点击访问微博"></a>
                <a href="#" class="weixinicon" style='margin-top:5px;' data-toggle="modal" data-target="#myModal" title="点击关注微信公众号"></a>
                <span class="tel">400-995-1580</span>
            </div>
        </div>
    </div>

    <div class="container" style="height:60px;line-height:60px;padding-right:0px;">
        <div class="navbar-header" style="margin-top:0px">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="/" style="padding:0px"><img src="https://www.zq12369.com/resource/img/logo.png" height="45px" alt="真气网logo" /></a>
        </div>
        <div class="require_top">
            <div class="navbar-collapse collapse navbar-left" style="margin-left:82px;">
                <ul class="nav navbar-nav">
                    <li class="active"><a class="display_none" href="/" style="padding:0px;">首页</a></li>

                    <li class="" id="dropdown_environment"><a href="environment.php" class="air" style="padding:0px;">大气环境</a>  <!--environment.php -->
                        <ul class="dropdown" style="z-index: 9999">

                            <li class="dropdown_li" catid="6">国内城市排名</li>
                            <li class="dropdown_li" catid="0">立体监测分布图</li>
                            <li class="dropdown_li" catid="1">空气质量曲线图</li>
                            <li class="dropdown_li" catid="2">月度统计分析</li>
                            <li class="dropdown_li" catid="3">当年累计变化</li>
                            <li class="dropdown_li" catid="4">历史排名曲线</li>
                            <li class="dropdown_li" catid="5" >监测点空气质量</li>
                            <li class="dropdown_li" catid="7">城市空气质量比较</li>
                            <li class="dropdown_li" catid="8">累计指数比较</li>
                            <li class="dropdown_li" catid="9">全国实时空气</li>
                            <li class="dropdown_li" catid="10" style="border-bottom: 1px solid white;">全国趋势预报</li>

                        </ul>
                    </li>

                    <li class="" ><a class="display_none" href="microenv.php" style="padding:0px;" >城市微环境</a></li>
                    <li class=""><a href="health.php" style="padding:0px;" >环境健康</a></li>
                    <li class=""><a href="about.php"  style="padding:0px;">关于我们</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
        <div class="navbar-collapse collapse navbar-right" style="padding:0px;margin-right: 1px">
            <input id="searchinput" type="text" placeholder="输入关键词进行搜索" class="searchinput" />
            <button id="searchbtn" type="button" value="搜索" class="searchbuttion" >搜索</button>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel" style="text-align:center">微信扫一扫 关注公众号</h4>
            </div>
            <div class="modal-body">
                <div class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="https://www.zq12369.com/resource/img/health/weixin/zhenqiweixin.jpg" alt="" width="150px">
                        </a>
                    </div>
                    <div class="media-body" style="padding-top:15px;text-align:left">
                        <h4 class="media-heading">真气环保</h4>
                        真气网是千人计划PM2.5特别防治小组倾力研发的全国首个公众呼吸健康防治互联网平台，真实反应公众生活微环境的空气污染水平，真实评估空气污染的健康威胁与影响，真正解决公众微环境空气质量水平，重污染天气保护特定敏感人群，持续长久的服务公众体内真气提升，打造健康生活。
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<div id="sidebar" style="right: 5px;position: fixed;top: 76%;z-index: 10000">
    <div class="customService">
        <span class="text">在线客服</span>
        <div class="code">
            <img src='https://www.zq12369.com/resource/img/customService.png' alt=""/>
        </div>
    </div>
    <div class="phone">
        <span class="text">联系电话</span>
        <div class="code">
            <img src='https://www.zq12369.com/resource/img/phone.png' alt=""/>
        </div>

    </div>
    <div class="topImg">
        <div class="code">
            <img src='https://www.zq12369.com/resource/img/toTop.png' alt=""/>
        </div>
    </div>
</div>
<!-- <div class="topImg"><img src="resource/img/top.png"/></div> -->
<script type="text/javascript" src="https://www.zq12369.com/resource/js/jquery-1.9.1.min.js?v=0.1"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/js/crypto.js"></script>
<script>
    var b = new Base64();
    $(".customService").click(function(event) {
        /* Act on the event */
        $(".layer-4 img").click();
    });
    $(".kefu_close").click(function(event) {
        /* Act on the event */
        $(".div_kefu").hide();
    });
    $(".air").hover(function(){
        $(".dropdown").css("display","block");
    });
    $(".dropdown").mouseover(function(){
        $(this).css("display","block");
    });
    $(".dropdown").mouseout(function(){
        $(this).css("display","none");
    });

    $(".topbanner").mouseover(function(){
        $(".dropdown").css("display","none");
    });
    $(".display_none").mouseover(function(){
        $(".dropdown").css("display","none");
    });


    $(".dropdown_li").hover(function(){
        $(this).css("background-color",'#75b92e');
        $(this).children().css("color","white");
        //$(".dropdown").css("display","block");
    });
    $(".dropdown_li").mouseout(function(){
        $(this).css("background-color",'white');
    });
    $(function(){
        //分类
        $(".dropdown_li").on("click",function(){
            var catid=$(this).attr("catid");
            if(catid=="6"){
                window.location.href="environment.php?order=desc&tab=rank";
            }
            else if(catid=="7"||catid=="8")
            {
                window.location.href="environment.php?tab=region&city=杭州&order=desc#envtab&catid="+catid;
                var top=$(".container div[catid='"+catid+"']").offset().top;
                $("body").scrollTop(top);
            }
            else if(catid=="9"||catid=="10")
            {
                if(catid=="10")
                {
                    catid="a";
                    window.location.href="environment.php?tab=china&city=杭州&order=desc#envtab&catid="+catid;
                    var top=$(".container div[catid='10']").offset().top;
                }
                else
                {
                    window.location.href="environment.php?tab=china&city=杭州&order=desc#envtab&catid="+catid;
                    var top=$(".container div[catid='"+catid+"']").offset().top;
                }


                $("body").scrollTop(top);
            }
            else{
                var curr_url=window.location.href;
                var str=curr_url.split("/");
                str=str[3].split("?");

                if(str[0]=="environment.php"){
                    var tab=curr_url.split("&");
                    var word=tab[0].split("=");
                    if(word[1]=="region"||word[1]=="china"||word[1]=="desc"){
                        window.location.href="environment.php?catid="+catid;
                    }
                    var top=$(".require_bottom div[catid='"+catid+"']").offset().top;
                    $("body").scrollTop(top);
                }else{
                    window.location.href="environment.php?catid="+catid;
                }
            }
        });
    });

    //页面滚动到某一处时
    $(window).scroll(function () {
        if($(window).scrollTop() > 800) {
            $(".topImg").css("display","block");
            if($(".topImg"))
            {
                setTimeout(function () {
                    $(".topImg").on("click",function(){
                        $("body").scrollTop(0);
                    });
                }, 1000);

            }
        }else{
            $(".topImg").css("display","none");
        }


    });

    function onSearch() {
        var content = $('#searchinput').val();
        if(content!=null && content.length>0)
        {
            window.location.href = "/navigation/search.php?wd=" + content;
        } else {
            window.location.href = "/navigation";
        }
    }

    $(function(){
        $('#searchinput').bind('keypress',function(event)
        {
            if(event.keyCode == "13")
            {
                onSearch();
            }
        });
        $('#searchbtn').click(function() {
            onSearch();
        });
    });

</script>
<script src="https://qiyukf.com/script/09dbc8d1532b29ab8abca71eea649ef3.js" defer async></script>


<div class="aqibg aqibanner2">
    <div class="container">
        <div class="bgimg">
        </div>
        <div class="firstline">
            <div id="city" class="city">深圳</div>
            <div class="cityselect">
                <a id="showcityselect" class="text-primary" style="display:block" />[切换]</a>
            </div>
            <div class="weather">
                <div class="weather1" style="display:block"></div>
                晴  23 ~ 13℃<br/>
                <span >体感 18℃</span><br/>
                <span >湿度 32%</span><br/>
                <span >东北风 2级</span><br/>
                <span style='display:none'>能见度 10km</span>
            </div>
            <form id="form" action="#" method="post" style="display:none"><input id="cityname" type="text" name="city"  /></form>
        </div>
        <div class="clear"></div>
        <div class="aqi">64</div>
        <div class="aqitip">AQI</div>
        <div class="aqirank" style="">排行<span>70</span>位，击败了<span>79</span>%的城市</div>
        <div class="clear"></div>
        <div class="dotline"></div>
        <div class="clear"></div>
        <div class="status bglevel2">良</div>
        <div class="statustip">
            <div class="pollution">首要污染物：PM2.5</div>
            <div class="pdate">2017年12月24日23时发布</div>
        </div>
        <div class="clear"></div>
        <div class="aqidetail">
            <div class="block">
                <div class="item bglevel2">PM2.5</div>
                <div class="value">46</div>
            </div>
            <div class="block">
                <div class="item bglevel2">PM10</div>
                <div class="value">74</div>
            </div>
            <div class="block">
                <div class="item bglevel1">SO2</div>
                <div class="value">16</div>
            </div>
            <div class="block">
                <div class="item bglevel1">NO2</div>
                <div class="value">23</div>
            </div>
            <div class="block">
                <div class="item bglevel1">CO</div>
                <div class="value">0.700</div>
            </div>
            <div class="block">
                <div class="item bglevel1">O3</div>
                <div class="value">103</div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="weixinlog">
            <img src="https://www.zq12369.com/resource/img/health/weixin/zhenqiweixin.jpg" alt="真气网公众号" /><br/>
            <span >扫一扫 关注公众号</span>
        </div>
        <div class="datasource">
            数据来源：<a href="datasource.php" target="blank">中国环境监测总站</a>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
<div class="container" style="margin-top:30px;">
    <div class="row">
        <div class="col-xs-6" >
            <div class="dtip"></div>
            <div class="subtitle">未来五日空气质量预报<span style='font-size:16px;color:#767874'>(12月23日08时发布)</span></div>
        </div>
        <div class="col-xs-6" style="text-align:right;margin:14px 0 0 0 ;">
            <img src="https://www.zq12369.com/resource/img/index/ad/sona.png" style="width:20px ;height:20px;margin:0;">
            <a href="https://www.zq12369.com/environment.php?tab=china&type=AQI#forecast" target="_blank">【真气公告】点击查看全国预报趋势图<img src="https://www.zq12369.com/resource/img/new.gif" height="18px" style="display: none"></a>
        </div>
    </div>
    <hr class="subtitlehr" />
</div>
<div class="container" style="padding:0px;">

    <div class="forecast" >
        <div class="block aqibg2" level=2 >
            <div class="date">12月25日 周一</div>
            <div class="aqi"><div class="quality" style='background:#efdc31;color:#fff'>良</div><div class="value"  style=''>83</div></div>
            <div class="clear"></div>
            <div class="weather">
                <div class="weather1"></div>
                <span>晴<br/>13℃/℃<br/>无持续风向 <3级</span>
            </div>
        </div>
        <div class="rsp" ></div>
        <div class="note"><h3>AQI范围: 73~93</h3><h3>首要污染物: NO2</h3><h3>出行建议:</h3>极少数异常敏感人群应减少户外活动</div>
    </div>
    <div class="forecast" >
        <div class="block aqibg2" level=2 >
            <div class="date">12月26日 周二</div>
            <div class="aqi"><div class="quality" style='background:#efdc31;color:#fff'>良</div><div class="value"  style=''>79</div></div>
            <div class="clear"></div>
            <div class="weather">
                <div class="weather5"></div>
                <span>晴转多云<br/>13℃/21℃<br/>无持续风向 <3级</span>
            </div>
        </div>
        <div class="rsp" ></div>
        <div class="note"><h3>AQI范围: 69~89</h3><h3>首要污染物: PM2.5</h3><h3>出行建议:</h3>极少数异常敏感人群应减少户外活动</div>
    </div>
    <div class="forecast" >
        <div class="block aqibg2" level=2 >
            <div class="date">12月27日 周三</div>
            <div class="aqi"><div class="quality" style='background:#efdc31;color:#fff'>良</div><div class="value"  style=''>65</div></div>
            <div class="clear"></div>
            <div class="weather">
                <div class="weather3"></div>
                <span>多云<br/>13℃/21℃<br/>无持续风向 <3级</span>
            </div>
        </div>
        <div class="rsp" ></div>
        <div class="note"><h3>AQI范围: 55~75</h3><h3>首要污染物: NO2</h3><h3>出行建议:</h3>极少数异常敏感人群应减少户外活动</div>
    </div>
    <div class="forecast" >
        <div class="block aqibg2" level=2 >
            <div class="date">12月28日 周四</div>
            <div class="aqi"><div class="quality" style='background:#efdc31;color:#fff'>良</div><div class="value"  style=''>60</div></div>
            <div class="clear"></div>
            <div class="weather">
                <div class="weather3"></div>
                <span>多云转阴<br/>14℃/22℃<br/>无持续风向 <3级</span>
            </div>
        </div>
        <div class="rsp" ></div>
        <div class="note"><h3>AQI范围: 50~70</h3><h3>首要污染物: PM2.5</h3><h3>出行建议:</h3>极少数异常敏感人群应减少户外活动</div>
    </div>
    <div class="forecast" >
        <div class="block aqibg2" level=2 >
            <div class="date">12月29日 周五</div>
            <div class="aqi"><div class="quality" style='background:#efdc31;color:#fff'>良</div><div class="value"  style=''>51</div></div>
            <div class="clear"></div>
            <div class="weather">
                <div class="weather4"></div>
                <span>阴转多云<br/>15℃/20℃<br/>无持续风向 <3级</span>
            </div>
        </div>
        <div class="rsp" ></div>
        <div class="note"><h3>AQI范围: 41~61</h3><h3>首要污染物: PM2.5</h3><h3>出行建议:</h3>极少数异常敏感人群应减少户外活动</div>
    </div>
    <div style="float: right;">（预报未经会商，仅供参考）</div>
</div>

<div class="container">

    <div class="clear"></div>
    <div class="row"  style="margin-top:30px;">
        <div class="col-xs-3" >
            <div class="dtip"></div>
            <div class="subtitle">七大行业微环境指数</div>
        </div>
    </div>
    <hr class="subtitlehr" />
    <div class="row" style="padding:15px;">
        <div class="microenvindex">
            <div class="microenvindex1 moveup"></div>
            <span class="vote-star"><istar style="width:24%"></istar></span>
        </div>
        <div class="microenvindex">
            <div class="microenvindex2 moveup"></div>
            <span class="vote-star"><istar style="width:37%"></istar></span>
        </div>
        <div class="microenvindex">
            <div class="microenvindex3 moveup"></div>
            <span class="vote-star"><istar style="width:37%"></istar></span>
        </div>
        <div class="microenvindex">
            <div class="microenvindex4 moveup"></div>
            <span class="vote-star"><istar style="width:69%"></istar></span>
        </div>
        <div class="microenvindex">
            <div class="microenvindex5 moveup"></div>
            <span class="vote-star"><istar style="width:21%"></istar></span>
        </div>
        <div class="microenvindex">
            <div class="microenvindex6 moveup"></div>
            <span class="vote-star"><istar style="width:87%"></istar></span>
        </div>
        <div class="microenvindex">
            <div class="microenvindex7 moveup"></div>
            <span class="vote-star"><istar style="width:64%"></istar></span>
        </div>
    </div>

    <div class="clear"></div>
    <div class="row"  style="margin-top:30px;">
        <div class="col-xs-3">
            <div class="dtip"></div>
            <div class="subtitle">监测点分布图</div>
        </div>
        <div class="col-xs-9" style="float:right;text-align:right">
            <span class="maptip maptipword" >室内微环境点</span>
            <div class="micropoint1 maptip" style="margin-top:12px;"></div>
            <span class="maptip maptipword">省控点</span>
            <div class="proctlpoint1 maptip"></div>
            <span class="maptip maptipword">国控点</span>
            <div class="chnctlpoint1 maptip"></div>
        </div>
    </div>
    <hr class="subtitlehr" />
    <div class="row" style="padding:0 15px;">
        <div class="col-xs-9" style="padding:0px;">
            <div id="map" class="map"></div>
        </div>
        <div class="col-xs-3" style="padding:10px 0 0 10px; ">
            <div id="btn-group" class="btn-group btn-group-sm" style="float:left;margin-bottom:5px;" >
                <button type="button" class="btn btn-default btntypegroup" value="NATIONPOINT">国控点</button>
                <button type="button" class="btn btn-default btntypegroup" value="PROVINCEPOINT">省控点</button>
                <button type="button" class="btn btn-default btntypegroup" value="SELFPOINT">微环境</button>
            </div>
            <table id="dg" class="table table-hover table-striped" ></table>
        </div>
    </div>

    <div class="clear"></div>
    <div class="row" style="margin-top:30px;">
        <div class="col-xs-12" >
            <div class="dtip"></div>
            <div class="subtitle">呼吸道疾病发病率预测</div>
        </div>
    </div>
    <hr class="subtitlehr" />
    <div class="diseaseforecast">
        <div class="dis1pic dispic"><div class="dispichover">鼻炎</br>1.6%</div></div>
        <div class="dis2pic dispic"><div class="dispichover">肺炎</br>2.3%</div></div>
        <div class="dis3pic dispic"><div class="dispichover">哮喘</br>3.2%</div></div>
        <div class="dis4pic dispic"><div class="dispichover">心血管疾病</br>1.8%</div></div>
        <div class="dis5pic dispic"><div class="dispichover">支气管炎</br>5.9%</div></div>
        <div class="dis6pic dispic"><div class="dispichover">肺气肿</br>6.7%</div></div>

    </div>

    <div class="clear"></div>
    <div class="row"  style="margin-top:30px;">
        <div class="col-xs-8" >
            <div class="dtip"></div>
            <div class="subtitle">专家库<span style=''> / <a href="expert.php">更多</a></span></div>
            <div class="clear"></div>
            <hr class="subtitlehr" />
            <div class="dowebok">
            </div>
        </div>
        <div class="col-xs-4">
            <div class="dtip"></div>
            <div class="subtitle">真气推荐</div>
            <div class="clear"></div>
            <hr class="subtitlehr" />
            <div class="news">
                <ul>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--首页palm推广-->
<!--<div style="width: 380px;position: fixed;z-index: 9999;bottom: 0;cursor: pointer;" id="mydiv">
	<img src="resource/img/pc.png" class="newyear">
	<a style="color: red; float: left;margin-left: 100px;margin-top: -40px;cursor: pointer;" class="close">关闭</a>
</div>-->
<!-- Modal -->
<!--<div class="modal fade" id="myModals"  style=" margin: 0 auto; " tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<button type="button" style="position: fixed; right: 20px; top: 5px;" class="btn btn-danger btn-cs" data-dismiss="modal">关闭</button>
 <div class="modal-dialog"  style="width: 1000px;margin: 0 auto;height: 100%;">

    <div class="modal-content" style="width: 1000px;">
      <div class="modal-body">
       <iframe src="" class="myframe" style="width: 100%;border: 0;"></iframe>
      </div>

    </div>
  </div>
</div>-->
<!-- <div class="div_kefu" style="right: 5px;position: fixed;top:30%">
		<img class="kefu" src="resource/img/kefu.png" style="width:160px;cursor: pointer;" />
		<div class="kefu_close" style="border: 1px solid #ccc;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;cursor: pointer;position: absolute;margin-top: -300px;right: 5px">X</div>
</div> -->

<br/>
<div class="footertop"></div>
<div class="footer">
    <div class="container">
        <div class="block">
            <div class="title">友情链接</div>
            <ul>
                <li><a href='http://www.zhb.gov.cn/' target="_blank" rel="nofollow">中国环保部</a></li>
                <li><a href='http://113.108.142.147:20035/emcpublish/' target="_blank" rel="nofollow">环境监测总站</a></li>
                <li><a href='http://www.aqistudy.cn' target="_blank">空气质量分析平台</a></li>
                <li><a href='http://www.weather.com.cn/' target="_blank" rel="nofollow">中国天气网</a></li>
                <li><a href='http://www.1000plan.org/' target="_blank">千人计划网</a></li>
                <li><a href='http://www.camscma.cn/' target="_blank" rel="nofollow">中国气科院</a></li>
                <li><a href='http://www.nankai.edu.cn/' target="_blank" rel="nofollow">南开大学</a></li>
                <li><a href='http://www.pku.edu.cn/' target="_blank" rel="nofollow">北京大学</a></li>
                <li><a href='http://www.china-daqi.com/' target="_blank">中国大气环保网</a></li>
                <li><a href='http://www.enhesh.cn/' target="_blank">环保纸袋</a></li>
                <li><a href='http://www.gzdrf.com/' target="_blank">紫外线杀菌灯</a></li>
                <li><a href='http://www.ytkmmb.com/' target="_blank">环保垃圾桶</a></li>
                <li><a href='http://www.surehot.com/' target="_blank">燃烧器</a></li>
                <li><a href='http://www.xmzhh.com/' target="_blank">热交换芯体</a></li>
                <li><a href='https://www.dyly.com/' target="_blank">路演</a></li>
                <li><a href='http://www.zc12369.com/' target="_blank" rel="nofollow">真财网</a></li>
            </ul>

            <ul style="margin-top:20px;">
                <li><a href='https://www.zq12369.com'>首页</a></li>
                <li>|</li>
                <li><a href='https://www.zq12369.com/navigation/'>真气导航</a></li>
                <li>|</li>
                <li><a href='health.php?tab=knowledge'>环境健康</a></li>
                <li>|</li>
                <li><a href='about.php'>关于我们</a></li>
                <li>|</li>
                <li><a href='expert.php'>专家资源</a></li>
                <li>|</li>
                <li><a href='partner.php'>合作伙伴</a></li>
                <li>|</li>
                <li><a href='contact.php'>联系我们</a></li>
            </ul>
        </div>

        <div class="line"></div>
        <div class="rightpart">
            <div class="logo"><a href="https://www.zq12369.com"><img src='https://www.zq12369.com/resource/img/logo.png' alt="真气网logo"></a></div>
            <div class="copyright">
                千人计划PM2.5特别防治小组<br/>
                Copyright @ 2015 zq12369.com All Rights Resvered! <br/>
                浙ICP备 15007754号-1
                <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1254317176'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/stat.php%3Fid%3D1254317176%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
            </div>
        </div>
    </div>
</div>
<div class="footerbottom"></div>

<script type="text/javascript" src="https://www.zq12369.com/resource/js/jquery.min.js"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/js/jquery.cookie.js"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/bootstrap-3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/js/respond.js"></script><script type="text/javascript" src="https://www.zq12369.com/resource/js/map.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=VpGa7vFARrN9MhfWKmTthWbw&s=1"></script>
<script type="text/javascript" src="https://www.zq12369.com/https://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/highcharts/highcharts.js"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/js/chart.js?v=1.0"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/js/crypto_zq-min.js"></script>
<script type="text/javascript" src="https://www.zq12369.com/resource/js/jquery.liMarquee.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.zq12369.com/resource/css/liMarquee.css" />
<script type="text/javascript">
    var city = "深圳";


    $(function()
    {
        var points=[];
        var selfpoints=[];
        var nationpoints=[];
        var provincepoints=[];
        method = "GETREALTIMEDATA";
        // console.info(city);
        var obj = {
            city: city
        };
        var param = getParam(method, obj);
        $.ajax({
            type: "post",
            url: "https://www.zq12369.com/api/newzhenqiapi.php",
            data: {
                param: param
            },
            success: function(datas) {
                datas = eval('(' + b.decode(decryptData(datas)) + ')');
                datas=datas.result.data;
                // console.info(datas);
                points = datas['point'];
                selfpoints = datas['selfpoint'];
                var grank=1;var srank=1;
                for(var i=0;i<points.length;i++){
                    if(points[i].pointlevel=='国控点'){
                        points[i]['rank'] = grank;;
                        nationpoints.push(points[i]);
                        grank++;
                    }else if(points[i].pointlevel=='省控点'){
                        points[i]['rank'] = srank;;
                        provincepoints.push(points[i]);
                        srank++;
                    }
                }
                showMap(points);
                showSelfPointMap(selfpoints);

                $('#dg').bootstrapTable('load', nationpoints);
            }
        })

        /*专家资源和*/
        var method = "GETNEWS";
        var obj = {};
        var param = getParam(method, obj);
        $.ajax({
            type: "post",
            url: "https://www.zq12369.com/api/newzhenqiapi.php",
            data: {
                param: param
            },
            success: function(datas) {
                datas = eval('(' + b.decode(decryptData(datas)) + ')');

                // console.info('sssss', datas);
                datas=datas.result.data;
                datas.expert.rows.forEach(function(item,index) {
                    $('.dowebok').append('<div class="indexexpert">'+
                    '<img src="resource/img/expert/'+item.title+'.png" alt="' + item.title + '"/>'+
                    '<div class="detail">'+
                    '<div class="name">'+item.title+'</div>'+
                    '<div class="abstract">'+item.description+'</div>'+
                    '</div></div></a>'+
                    '<div class="clear"></div>');
                })
                datas.article.rows.forEach(function(item,index) {
                    $('.news ul').append('<div class="clear"></div>'+
                    '<li><a href="article.php?gid='+item.gid+'" title="' +item.title+ '(' +item.add_time.substr(0, 10) + ')" target="_blank">'+item.title+'</a></li>');
                })
                $('.dowebok').liMarquee({
                    direction: 'up'
                });
            }

        })

        $('.dowebok').on('click', '.indexexpert',function(){
            window.location.href="expert.php"
        })
        function animateScoll(){
            $("#rolling").css("right","-236px");
            $("#rolling").animate({right:$(document.body).width()-10},24000,function(){
                animateScoll();
            });
        }

        $("#rolling").animate({right:$(document.body).width()-10},24000,function(){
            animateScoll();
        });

        $("#rolling").mouseover(function(){
            $(this).stop(true);
        }).mouseout(function(){
            $("#rolling").animate({right:$(document.body).width()-10},24000,function(){
                animateScoll();
            });
        });

        $("#rolling i").click(function(){
            $("#rolling").remove();
        });



// $("#chrismas span").click(function(){
// 	$("#chrismas").css('display','none');
// });
// $("#chrismas a").on('click',function(){
// 	window.location.href='chrismasPage.php';
// });

        $(".forecast .rsp").hide();
        $(".forecast .note").hide();
        $(".forecast").hover(function(){
            $(this).find(".note").show();
            $(this).find(".rsp").stop().fadeTo(500,0.7);
            $(this).find(".note").stop().animate({top:'0'}, {duration: 500});
        },function(){
            $(this).find(".rsp").stop().fadeTo(500,0);
            $(this).find(".note").stop().animate({top:'100'}, {duration: "fast"});
            $(this).find(".note").hide();
        });

        initMap('map',city,13,10,14);
        map.enableScrollWheelZoom(false);
        //map.disableDragging();     //禁止拖拽


        Highcharts.setOptions({
            global: {
                useUTC: false
            }
        });

        $('#dg').bootstrapTable({
            data: nationpoints,
            cache: false,
            width:240,
            height: 525,
            striped: false,
            pagination: false,
            pageSize: 10,
            pageList: [10, 25, 50, 100, 200],
            search: false,
            showColumns: false,
            showRefresh: false,
            minimumCountColumns: 4,
            clickToSelect: true,
            fit:true,
            columns: [
                {field: 'rank',title: '排名',align: 'center',valign: 'middle',clickToSelect: false,sortable: true,width:50},
                {field: 'pointname',title: '监测点',align: 'left',valign: 'middle',clickToSelect: false},
                {field: 'aqi',title: 'AQI',align: 'center',valign: 'middle',sortable: true,formatter:cellLevel,width:60}
            ]
        });


        $(".btntypegroup:eq(0)").addClass("btn-success");
        $(".btntypegroup").mouseover(function()
        {
            $(".btntypegroup").removeClass("btn-success");
            $(this).addClass("btn-success");
            switch($(this).val())
            {
                case 'NATIONPOINT': showTable(nationpoints);break;
                case 'PROVINCEPOINT': showTable(provincepoints);break;
                case 'SELFPOINT': showTable(selfpoints);break;
            }
        });




        function showTable(data)
        {
            $('#dg').bootstrapTable('load', data);
        }

        function showMap(data)
        {
            var aqi,lat,lng,icon,color;
            for (var i = 0; i < data.length; i++)
            {
                value=parseInt(data[i].aqi);
                unit="";
                index = getAQILevelIndex(value);
                city = data[i].city;
                pointname = data[i].pointname;
                if(pointname==null)
                    continue;
                color = getColorByIndex(index);
                lat = data[i].latitude;
                lng = data[i].longitude;
                time = data[i].time;
                pointlevel = data[i].pointlevel;
                var point = new BMap.Point(lng,lat);
                if(data[i].primary_pollutant!=null&&data[i].primary_pollutant!="")
                {
                    var primary_pollutant=data[i].primary_pollutant;
                }
                else
                {
                    var primary_pollutant="无";
                }
                var content =
                        "<table width='100%'><tr><td style='font-size:12px' valign='top'>"
                        +"<table width='100%' class='fitem'>"
                        +"<tr><th>AQI</th><td style='width:70px;text-align:center;background-color:" + getColorByIndex(getAQILevelIndex(data[i].aqi)) +"color:#fff'>" + data[i].aqi
                        +"</td><th>首要污染</th><td style='text-align:center'>" + primary_pollutant
                        +"</td></tr><tr><th>PM2.5</th><td style='width:70px;text-align:center;background-color:" + getColorByIndex(getPM25LevelIndex(data[i].pm2_5)) +"color:#fff'>" + parseInt(data[i].pm2_5)
                        +"</td><th>PM10</th><td style='width:70px;text-align:center;background-color:" + getColorByIndex(getPM10LevelIndex(data[i].pm10)) +"color:#fff'>" + parseInt(data[i].pm10)
                        +"</td></tr><tr><th>CO</th><td style='width:70px;text-align:center;background-color:" + getColorByIndex(getCOLevelIndex(data[i].co)) +"color:#fff'>" + data[i].co
                        +"</td><th>NO2</th><td style='width:70px;text-align:center;background-color:" + getColorByIndex(getNO2LevelIndex(data[i].no2)) +";color:#fff'>" + parseInt(data[i].no2)
                        +"</td></tr><tr><th>SO2</th><td style='width:70px;text-align:center;background-color:" + getColorByIndex(getSO2LevelIndex(data[i].so2)) +"color:#fff'>" + parseInt(data[i].so2)
                        +"</td><th>O3</th><td style='width:70px;text-align:center;background-color:" + getColorByIndex(getO3LevelIndex(data[i].o3)) +"color:#fff'>" + parseInt(data[i].o3)
                        +"</td></tr><tr><th>空气等级</th><td  style='text-align:center'>" +  getQualityByAqi(data[i].aqi)
                        +"</td><th>站点类型</th><td  style='text-align:center'>" + data[i].pointlevel
                        +"</td></tr><tr><th>更新时间</th><td colspan='3'  style='text-align:center'>" + data[i].time
                        +"</td></tr></table></div>"
                        +"</td>"
                        +"<td valign='top' align='right' style='padding-left:5px;'><img src='http://poster.weather.com.cn/p_files/base/101090601.jpg' width='80px' height='80px'/><td>"
                        +"</tr></table><div id='citychart_' + i +  style='width:100%;height:130px;'></div>";
                if(pointlevel=='省控点')
                {
                    icon = "https://www.zq12369.com/resource/img/map/" + index + ".png";
                }
                else
                {
                    icon = "https://www.zq12369.com/resource/img/map/0" + index + ".png";
                }
                showMapMarker(pointname,point,content,icon,true,true,i,city,pointname);
            }
            $('#txtTime').html(time);
        }

        function showMapMarker(name,point,desp,icon,labelFlag,markerFlag,i,city,pointname)
        {
            //map.centerAndZoom(point, 5);
            var myIcon = new BMap.Icon(icon, new BMap.Size(23,32));
            var marker = new BMap.Marker(point,{icon:myIcon});
            var label = new BMap.Label("<span style='height:20px;border:1px solid #999;font-size:14px;background:rgba(255,255,255,0.8)'>" + name + "</span>");
            label.setStyle({
                color : "black",
                fontSize : "12px",
                height : "20px",
                lineHeight : "20px",
                fontFamily:"微软雅黑",
                border:'none',
                background:'none'
            });
            var len = name.length;
            var offset = new BMap.Size(25, 5);
            label.setOffset(offset);
            if(labelFlag)
                marker.setLabel(label);
            //marker.setTitle(title);
            map.addOverlay(marker);
            if(markerFlag==true)
            {
                var searchInfoWindow = new BMapLib.SearchInfoWindow(map,desp,{
                    title: "<span style='font-size:14px'>" + name + "</span>", //标题
                    width: 320, //宽度
                    height: 240, //高度
                    panel : "panel", //检索结果面板
                    enableAutoPan : true, //自动平移
                    searchTypes :[]
                });
                marker.addEventListener("mouseover",function(){
                    searchInfoWindow.open(point);
                    showCityPointChart(i,city,pointname);
                });
                marker.addEventListener("mouseout",function(){
                    //searchInfoWindow.close();
                });
            }
        }

        function showSelfPointMap(data)
        {
            map2len = data.length;
            for(i=0;i<data.length;i++)
            {
                var pointgid = data[i].pointgid;
                var name = data[i].pointname;
                var lat = data[i].latitude;
                var lng = data[i].longitude;
                var pm2_5 = data[i].pm2_5;
                index = getPM25LevelIndex(pm2_5);
                var quality = getQualityByIndex(index);
                var title = data[i].pointname + ":" + pm2_5;
                var desp = "<table width='100%' class='fitem'>"
                        +"<tr><th >AQI</th><td style='width:90px;text-align:center;color:#000'>" +  data[i].aqi
                        +"</td><th>PM2.5</th><td style='width:90px;text-align:center;'>" + parseInt(data[i].pm2_5) + " ug/m<sup>3</sup>"
                        +"</td></tr><tr><th>空气等级</th><td style='text-align:center;background-color:" + getColorByIndex(index) +"color:#fff'>" + quality
                        +"</td><th>站点类型</th><td style='text-align:center;'>" + "微环境点"
                        +"</td></tr><tr><th>更新时间</th><td style='text-align:center;' colspan='3'>" + data[i].time
                        +"</td></tr></table><div id='selfchart_' + pointgid +  style='width:100%;height:150px'></div>";
                var point = new BMap.Point(lng,lat);

                var time1 = new Date(data[i].time);
                var time2 = new Date();
                var hourdiff = (time2.getTime() - time1.getTime())/3600000;
                if(hourdiff>=2)
                {
                    index = 0;
                }
                icon = "https://www.zq12369.com/resource/img/map/h" + index + ".png";
                if(index==0)
                {
                    continue;
                }
                showSelfPointMapMarker(name,point,title,desp,icon,pointgid,true,true);
            }
        }

        function showSelfPointMapMarker(name,point,title,desp,icon,pointgid,labelFlag,markerFlag)
        {
            //map.centerAndZoom(point, 5);
            var myIcon = new BMap.Icon(icon, new BMap.Size(25,29));
            var marker = new BMap.Marker(point,{icon:myIcon});
            var label = new BMap.Label("<span style='height:20px;border:1px solid #999;font-size:14px;background:rgba(255,255,255,0.8)'>" + name + "</span>");
            label.setStyle({
                color : "black",
                height : "20px",
                lineHeight : "20px",
                fontFamily:"微软雅黑",
                border:'none',
                background:'none'
            });
            var len = name.length;
            var offset = new BMap.Size(28, 3);
            label.setOffset(offset);
            if(labelFlag)
                marker.setLabel(label);
            //marker.setTitle(title);
            map.addOverlay(marker);
            if(markerFlag==true)
            {
                var searchInfoWindow = new BMapLib.SearchInfoWindow(map,desp,{
                    title: "<span style='font-size:14px'>" + name + "</span>", //标题
                    width: 320, //宽度
                    height: 200, //高度
                    panel : "panel", //检索结果面板
                    enableAutoPan : true, //自动平移
                    searchTypes :[]
                });
                marker.addEventListener("mouseover",function(){
                    searchInfoWindow.open(point);
                    showSelfPointChart(pointgid);
                });
                marker.addEventListener("mouseout",function(){
                    //searchInfoWindow.close();
                });
            }
        }


        function showSelfPointChart(pointgid)
        {
            var startTime = new Date();
            startTime.setHours(startTime.getHours() - 27);
            startTime.setMinutes(0);
            var endTime = new Date();
            startTime = startTime.pattern('yyyy-MM-dd HH:mm:ss');
            endTime = endTime.pattern('yyyy-MM-dd HH:mm:ss');
            var method = "GETSELFPOINTPERIOD";
            pointgid = pointgid.toString();
            var type = "HOUR";
            $.ajax({
                url: 'https://www.zq12369.com/api/zhenqiapi.php',
                data:{'appId':appId,
                    'method': encode_param(method),
                    'pointgid': encode_param(pointgid),
                    'type': encode_param(type),
                    'startTime': encode_param(startTime),
                    'endTime': encode_param(endTime),
                    'secret': encode_secret(method,pointgid,type,startTime,endTime)
                },
                type: "post",
                success: function (data){
                    data = eval('(' + decode_result(data) + ')');
                    var dataSelfPoint = [];
                    for(var j=0;j<data.total;j++)
                    {
                        var pm2_5 = data.rows[j].pm2_5;
                        index = getPM25LevelIndex(pm2_5);
                        dataSelfPoint.push({
                            x: converTimeFormat(data.rows[j].time).getTime(),
                            y: parseInt(pm2_5),
                            color: getColorByIndex(index)
                        });
                    }
                    title = '最近24小时PM2.5变化趋势';
                    showChart('selfchart_' + pointgid,'PM2.5',dataSelfPoint,'ug/m3',title);
                }
            });
        }

        function showMapLabel(value,point,content,i,city,pointname,color)
        {
            var opts = {
                position : point,    // 指定文本标注所在的地理位置
                offset   : new BMap.Size(-15, -10)    //设置文本偏移量
            }
            var label = new BMap.Label(value, opts);  // 创建文本标注对象

            label.setStyle({
                color : "white",
                background: color,
                fontSize : "14px",
                border:'',
                width: "35px",
                textAlign:"center",
                height : "22px",
                lineHeight : "22px"
            });
            map.addOverlay(label);
            var searchInfoWindow = new BMapLib.SearchInfoWindow(map,content,{
                title: "<span style='font-size:14px'>" + pointname + "</span>", //标题
                width: 300, //宽度
                height: 240, //高度
                panel : "panel", //检索结果面板
                enableAutoPan : true, //自动平移
                searchTypes :[]
            });
            label.addEventListener("mouseover",function(){
                searchInfoWindow.open(point);
                showCityPointChart(i,city,pointname);
            });
            label.addEventListener("mouseout",function(){
                //searchInfoWindow.close();
            });
        }

        function showCityPointChart(i,city,pointname)
        {
            var startTime = new Date();
            startTime.setHours(startTime.getHours() - 27);
            startTime.setMinutes(0);
            var endTime = new Date();
            startTime = startTime.pattern('yyyy-MM-dd HH:mm:ss');
            endTime = endTime.pattern('yyyy-MM-dd HH:mm:ss');
            var city_param = encode_param(city);
            var method,secret;
            var type ="HOUR";
            var point_param = encode_param(pointname);
            method = "GETCITYPOINTPERIOD";
            secret = encode_secret(method,city_param,point_param,type,startTime,endTime);
            $.ajax({
                url: 'https://www.zq12369.com/api/zhenqiapi.php',
                data:{'appId':appId,
                    'method':encode_param(method),
                    'city':city_param,
                    'pointname':point_param,
                    'type':encode_param(type),
                    'startTime':encode_param(startTime),
                    'endTime':encode_param(endTime),
                    'secret':secret},
                type: "post",
                success: function (data){
                    data = eval('(' + decode_result(data) + ')');
                    var dataCityPoint = [];
                    for(var j=0;j<data.total;j++)
                    {
                        value=parseInt(data.rows[j].aqi); unit="";index = getAQILevelIndex(value);
                        dataCityPoint.push({
                            x: converTimeFormat(data.rows[j].time).getTime(),
                            y: value,
                            color: getColorByIndex(index)
                        });
                    }
                    title = '最近24小时AQI变化趋势';
                    showChart('citychart_' + i,'AQI',dataCityPoint,unit,title);
                }
            });
        }


        function showChart(container,name,data,unit,title)
        {

            var dateTypeFormat = '%Y-%m-%d %H:%M';
            var markerShowFlag = false;

            $('#' + container).highcharts({
                chart: {
                    type: 'column',
                    zoomType: 'x',
                    spacingLeft: 0,
                    spacingRight: 0
                },
                title: {
                    text: title,
                    style:{
                        fontSize:'12px'
                    }
                },
                xAxis: {
                    type: 'datetime',
                    dateTimeLabelFormats:{
                        millisecond: '%H:%M:%S.%L',
                        second: '%H:%M:%S',
                        minute: '%H:%M',
                        hour: '%H:%M',
                        day: '%m-%d',
                        week: '%m-%d',
                        month: '%Y-%m',
                        year: '%Y'
                    }
                },
                yAxis:{
                    title: {
                        text: ''
                    },
                    min:0
                },
                tooltip: {
                    //shared: true,
                    enabled: true,
                    formatter: function() {
                        var tip = '' + Highcharts.dateFormat(dateTypeFormat, this.x) +'<br/>' +
                                this.series.name +': <b>'+ this.y + '</b>' + unit;
                        if(this.point.primary_pollutant!=null)
                        {
                            tip = tip + "<br/>首要污染物：" + this.point.primary_pollutant;
                        }
                        return tip;

                    }
                },
                plotOptions:{
                    series:{
                        marker: {
                            enabled: markerShowFlag,
                            radius:5
                        },
                        enableMouseTracking:true,
                        turboThreshold: 0
                    }
                },
                legend: {
                    enabled: false
                },
                credits: {
                    enabled:false
                },
                series: [{
                    name: name,
                    data: data
                }]
            });
        }

        function cellLevel(val,row,index)
        {
            var value = null;
            color = getLevel(val).color;
            var time1 = new Date(row.time);
            var time2 = new Date();
            var hourdiff = (time2.getTime() - time1.getTime())/3600000;
            if(hourdiff>=6)
            {
                color = '#6E6E6E';
            }
            return "<span style='background-color:" + color + "color:white;width:100%;height:25px;display:block;line-height:25px;text-align:center'>" + val + "</span>";
        }

// get level by aqi
        function getLevel(aqival)
        {
            var _color=null;
            var _quality=null;
            if(aqival<=0){
                _color='#6E6E6E';
                _quality="无";
            }
            else if(aqival<=50){
                _color='#43ce17';
                _quality="优";
            }
            else if(aqival<=100){
                _color='#efdc31';
                _quality="良";
            }
            else if(aqival<=150){
                _color='#fa0';
                _quality="轻度污染";
            }
            else if(aqival<=200){
                _color='#ff401a';
                _quality="中度污染";
            }
            else if(aqival<=300){
                _color='#d20040';
                _quality="重度污染";
            }
            else{
                _color='#9c0a4e';
                _quality="严重污染";
            }
            return {
                color:_color,
                quality:_quality
            };
        }
    })
</script>

<script>
    $(function(){
        $(".diseaseforecast .dispichover").hide();
        $(".dispic").hover(function(){
            $(this).find(".dispichover").show();
        },function(){
            $(this).find(".dispichover").hide();
        })
    })
</script>

<div id="scrollbar1" class="minicity" style="display:none;">
    <div class="minicity_title">
        <div class="city-back" id="city-back"></div>
        <p><span class="minicity_title_wenzi">选择城市</span></p>

    </div>

    <div class="minicity_content viewport">
        <div class="overview">
            <div class="city_default">
                <div class="city_default_one">
                    <span>当前城市：</span><span class="current_city">深圳</span>
                    <a href="#" class="city_default_shezhi " city="杭州" citypy="hangzhou">设置为默认城市</a>
                    <input id='citysearch' type="text" placeholder="输入城市名" class="search_city_input" />
                </div>
                <!--筛选工具条-->
            </div>
            <div class="hot_city">
                <dl>
                    <dt>热门城市:</dt>
                    <dd>
                        <a href="?city=北京&tab=city">北京</a>
                        <a href="?city=上海&tab=city">上海</a>
                        <a href="?city=广州&tab=city">广州</a>
                        <a href="?city=深圳&tab=city">深圳</a>
                        <a href="?city=杭州&tab=city">杭州</a>
                        <a href="?city=天津&tab=city">天津</a>
                        <a href="?city=成都&tab=city">成都</a>
                        <a href="?city=南京&tab=city">南京</a>
                        <a href="?city=西安&tab=city">西安</a>
                        <a href="?city=武汉&tab=city">武汉</a>
                        <a href="?city=廊坊&tab=city">廊坊</a>
                        <a href="?city=保定&tab=city">保定</a>
                        <a href="?city=郑州&tab=city">郑州</a>
                    </dd>
                    <br/>
                    <dt>VIP城市:</dt>
                    <dd>
                        <a href="?city=廊坊&tab=city">廊坊</a>
                        <a href="?city=保定&tab=city">保定</a>
                        <a href="?city=郑州&tab=city">郑州</a>
                        <a href="?city=杭州&tab=city">杭州</a>
                    </dd>
                </dl>
                <dl>

                </dl>
            </div>

            <div class="city_province_item city_province_special">
                <dl>
                    <dt class="">直辖市</dt>

                    <dd>
                        <a href="?city=北京&tab=city">北京</a>
                        <a href="?city=天津&tab=city">天津</a>
                        <a href="?city=上海&tab=city">上海</a>
                        <a href="?city=重庆&tab=city">重庆</a>
                    </dd>
                </dl>
            </div>
            <!--一般城市-->
            <div class="city_province_item">
                <dl>
                    <dt class="">A</dt>
                    <dd>
                        <a href="?city=阿坝州&tab=city">阿坝州</a>
                        <a href="?city=阿克苏地区&tab=city">阿克苏地区</a>
                        <a href="?city=阿拉善盟&tab=city">阿拉善盟</a>
                        <a href="?city=阿勒泰地区&tab=city">阿勒泰地区</a>
                        <a href="?city=阿里地区&tab=city">阿里地区</a>
                        <a href="?city=安康&tab=city">安康</a>
                        <a href="?city=安庆&tab=city">安庆</a>
                        <a href="?city=安顺&tab=city">安顺</a>
                        <a href="?city=安阳&tab=city">安阳</a>
                        <a href="?city=鞍山&tab=city">鞍山</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">B</dt>
                    <dd>
                        <a href="?city=巴彦淖尔&tab=city">巴彦淖尔</a>
                        <a href="?city=巴中&tab=city">巴中</a>
                        <a href="?city=白城&tab=city">白城</a>
                        <a href="?city=白山&tab=city">白山</a>
                        <a href="?city=白银&tab=city">白银</a>
                        <a href="?city=百色&tab=city">百色</a>
                        <a href="?city=蚌埠&tab=city">蚌埠</a>
                        <a href="?city=包头&tab=city">包头</a>
                        <a href="?city=宝鸡&tab=city">宝鸡</a>
                        <a href="?city=保定&tab=city">保定</a>
                        <a href="?city=保山&tab=city">保山</a>
                        <a href="?city=北海&tab=city">北海</a>
                        <a href="?city=北京&tab=city">北京</a>
                        <a href="?city=本溪&tab=city">本溪</a>
                        <a href="?city=毕节&tab=city">毕节</a>
                        <a href="?city=滨州&tab=city">滨州</a>
                        <a href="?city=博州&tab=city">博州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">C</dt>
                    <dd>
                        <a href="?city=沧州&tab=city">沧州</a>
                        <a href="?city=昌都地区&tab=city">昌都地区</a>
                        <a href="?city=昌吉州&tab=city">昌吉州</a>
                        <a href="?city=长春&tab=city">长春</a>
                        <a href="?city=长沙&tab=city">长沙</a>
                        <a href="?city=长治&tab=city">长治</a>
                        <a href="?city=常德&tab=city">常德</a>
                        <a href="?city=常熟&tab=city">常熟</a>
                        <a href="?city=常州&tab=city">常州</a>
                        <a href="?city=朝阳&tab=city">朝阳</a>
                        <a href="?city=潮州&tab=city">潮州</a>
                        <a href="?city=郴州&tab=city">郴州</a>
                        <a href="?city=成都&tab=city">成都</a>
                        <a href="?city=承德&tab=city">承德</a>
                        <a href="?city=池州&tab=city">池州</a>
                        <a href="?city=赤峰&tab=city">赤峰</a>
                        <a href="?city=崇左&tab=city">崇左</a>
                        <a href="?city=滁州&tab=city">滁州</a>
                        <a href="?city=楚雄州&tab=city">楚雄州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">D</dt>
                    <dd>
                        <a href="?city=达州&tab=city">达州</a>
                        <a href="?city=大理州&tab=city">大理州</a>
                        <a href="?city=大连&tab=city">大连</a>
                        <a href="?city=大庆&tab=city">大庆</a>
                        <a href="?city=大同&tab=city">大同</a>
                        <a href="?city=大兴安岭地区&tab=city">大兴安岭地区</a>
                        <a href="?city=丹东&tab=city">丹东</a>
                        <a href="?city=德宏州&tab=city">德宏州</a>
                        <a href="?city=德阳&tab=city">德阳</a>
                        <a href="?city=德州&tab=city">德州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">D</dt>
                    <dd>
                        <a href="?city=定西&tab=city">定西</a>
                        <a href="?city=东莞&tab=city">东莞</a>
                        <a href="?city=东营&tab=city">东营</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">E</dt>
                    <dd>
                        <a href="?city=鄂尔多斯&tab=city">鄂尔多斯</a>
                        <a href="?city=鄂州&tab=city">鄂州</a>
                        <a href="?city=恩施州&tab=city">恩施州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">F</dt>
                    <dd>
                        <a href="?city=防城港&tab=city">防城港</a>
                        <a href="?city=佛山&tab=city">佛山</a>
                        <a href="?city=抚顺&tab=city">抚顺</a>
                        <a href="?city=抚州&tab=city">抚州</a>
                        <a href="?city=阜新&tab=city">阜新</a>
                        <a href="?city=阜阳&tab=city">阜阳</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">G</dt>
                    <dd>
                        <a href="?city=甘南州&tab=city">甘南州</a>
                        <a href="?city=甘孜州&tab=city">甘孜州</a>
                        <a href="?city=赣州&tab=city">赣州</a>
                        <a href="?city=固原&tab=city">固原</a>
                        <a href="?city=广安&tab=city">广安</a>
                        <a href="?city=广元&tab=city">广元</a>
                        <a href="?city=广州&tab=city">广州</a>
                        <a href="?city=贵港&tab=city">贵港</a>
                        <a href="?city=贵阳&tab=city">贵阳</a>
                        <a href="?city=桂林&tab=city">桂林</a>
                        <a href="?city=果洛州&tab=city">果洛州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">H</dt>
                    <dd>
                        <a href="?city=哈尔滨&tab=city">哈尔滨</a>
                        <a href="?city=哈密地区&tab=city">哈密地区</a>
                        <a href="?city=海北州&tab=city">海北州</a>
                        <a href="?city=海东地区&tab=city">海东地区</a>
                        <a href="?city=海口&tab=city">海口</a>
                        <a href="?city=海门&tab=city">海门</a>
                        <a href="?city=海南州&tab=city">海南州</a>
                        <a href="?city=海西州&tab=city">海西州</a>
                        <a href="?city=邯郸&tab=city">邯郸</a>
                        <a href="?city=汉中&tab=city">汉中</a>
                        <a href="?city=杭州&tab=city">杭州</a>
                        <a href="?city=合肥&tab=city">合肥</a>
                        <a href="?city=和田地区&tab=city">和田地区</a>
                        <a href="?city=河池&tab=city">河池</a>
                        <a href="?city=河源&tab=city">河源</a>
                        <a href="?city=菏泽&tab=city">菏泽</a>
                        <a href="?city=贺州&tab=city">贺州</a>
                        <a href="?city=鹤壁&tab=city">鹤壁</a>
                        <a href="?city=鹤岗&tab=city">鹤岗</a>
                        <a href="?city=黑河&tab=city">黑河</a>
                        <a href="?city=衡水&tab=city">衡水</a>
                        <a href="?city=衡阳&tab=city">衡阳</a>
                        <a href="?city=红河州&tab=city">红河州</a>
                        <a href="?city=呼和浩特&tab=city">呼和浩特</a>
                        <a href="?city=呼伦贝尔&tab=city">呼伦贝尔</a>
                        <a href="?city=湖州&tab=city">湖州</a>
                        <a href="?city=葫芦岛&tab=city">葫芦岛</a>
                        <a href="?city=怀化&tab=city">怀化</a>
                        <a href="?city=淮安&tab=city">淮安</a>
                        <a href="?city=淮北&tab=city">淮北</a>
                        <a href="?city=淮南&tab=city">淮南</a>
                        <a href="?city=黄冈&tab=city">黄冈</a>
                        <a href="?city=黄南州&tab=city">黄南州</a>
                        <a href="?city=黄山&tab=city">黄山</a>
                        <a href="?city=黄石&tab=city">黄石</a>
                        <a href="?city=惠州&tab=city">惠州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">J</dt>
                    <dd>
                        <a href="?city=鸡西&tab=city">鸡西</a>
                        <a href="?city=吉安&tab=city">吉安</a>
                        <a href="?city=吉林&tab=city">吉林</a>
                        <a href="?city=即墨&tab=city">即墨</a>
                        <a href="?city=济南&tab=city">济南</a>
                        <a href="?city=济宁&tab=city">济宁</a>
                        <a href="?city=佳木斯&tab=city">佳木斯</a>
                        <a href="?city=嘉兴&tab=city">嘉兴</a>
                        <a href="?city=嘉峪关&tab=city">嘉峪关</a>
                        <a href="?city=江门&tab=city">江门</a>
                        <a href="?city=江阴&tab=city">江阴</a>
                        <a href="?city=胶南&tab=city">胶南</a>
                        <a href="?city=胶州&tab=city">胶州</a>
                        <a href="?city=焦作&tab=city">焦作</a>
                        <a href="?city=揭阳&tab=city">揭阳</a>
                        <a href="?city=金昌&tab=city">金昌</a>
                        <a href="?city=金华&tab=city">金华</a>
                        <a href="?city=金坛&tab=city">金坛</a>
                        <a href="?city=锦州&tab=city">锦州</a>
                        <a href="?city=晋城&tab=city">晋城</a>
                        <a href="?city=晋中&tab=city">晋中</a>
                        <a href="?city=荆门&tab=city">荆门</a>
                        <a href="?city=荆州&tab=city">荆州</a>
                        <a href="?city=景德镇&tab=city">景德镇</a>
                        <a href="?city=九江&tab=city">九江</a>
                        <a href="?city=酒泉&tab=city">酒泉</a>
                        <a href="?city=句容&tab=city">句容</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">K</dt>
                    <dd>
                        <a href="?city=喀什地区&tab=city">喀什地区</a>
                        <a href="?city=开封&tab=city">开封</a>
                        <a href="?city=克拉玛依&tab=city">克拉玛依</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">K</dt>
                    <dd>
                        <a href="?city=库尔勒&tab=city">库尔勒</a>
                        <a href="?city=昆明&tab=city">昆明</a>
                        <a href="?city=昆山&tab=city">昆山</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">L</dt>
                    <dd>
                        <a href="?city=拉萨&tab=city">拉萨</a>
                        <a href="?city=来宾&tab=city">来宾</a>
                        <a href="?city=莱芜&tab=city">莱芜</a>
                        <a href="?city=莱西&tab=city">莱西</a>
                        <a href="?city=莱州&tab=city">莱州</a>
                        <a href="?city=兰州&tab=city">兰州</a>
                        <a href="?city=廊坊&tab=city">廊坊</a>
                        <a href="?city=乐山&tab=city">乐山</a>
                        <a href="?city=丽江&tab=city">丽江</a>
                        <a href="?city=丽水&tab=city">丽水</a>
                        <a href="?city=溧阳&tab=city">溧阳</a>
                        <a href="?city=连云港&tab=city">连云港</a>
                        <a href="?city=凉山州&tab=city">凉山州</a>
                        <a href="?city=辽阳&tab=city">辽阳</a>
                        <a href="?city=辽源&tab=city">辽源</a>
                        <a href="?city=聊城&tab=city">聊城</a>
                        <a href="?city=林芝地区&tab=city">林芝地区</a>
                        <a href="?city=临安&tab=city">临安</a>
                        <a href="?city=临沧&tab=city">临沧</a>
                        <a href="?city=临汾&tab=city">临汾</a>
                        <a href="?city=临夏州&tab=city">临夏州</a>
                        <a href="?city=临沂&tab=city">临沂</a>
                        <a href="?city=柳州&tab=city">柳州</a>
                        <a href="?city=六安&tab=city">六安</a>
                        <a href="?city=六盘水&tab=city">六盘水</a>
                        <a href="?city=龙岩&tab=city">龙岩</a>
                        <a href="?city=陇南&tab=city">陇南</a>
                        <a href="?city=娄底&tab=city">娄底</a>
                        <a href="?city=泸州&tab=city">泸州</a>
                        <a href="?city=吕梁&tab=city">吕梁</a>
                        <a href="?city=洛阳&tab=city">洛阳</a>
                        <a href="?city=漯河&tab=city">漯河</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">M</dt>
                    <dd>
                        <a href="?city=马鞍山&tab=city">马鞍山</a>
                        <a href="?city=茂名&tab=city">茂名</a>
                        <a href="?city=眉山&tab=city">眉山</a>
                        <a href="?city=梅州&tab=city">梅州</a>
                        <a href="?city=绵阳&tab=city">绵阳</a>
                        <a href="?city=牡丹江&tab=city">牡丹江</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">N</dt>
                    <dd>
                        <a href="?city=内江&tab=city">内江</a>
                        <a href="?city=那曲地区&tab=city">那曲地区</a>
                        <a href="?city=南昌&tab=city">南昌</a>
                        <a href="?city=南充&tab=city">南充</a>
                        <a href="?city=南京&tab=city">南京</a>
                        <a href="?city=南宁&tab=city">南宁</a>
                        <a href="?city=南平&tab=city">南平</a>
                        <a href="?city=南通&tab=city">南通</a>
                        <a href="?city=南阳&tab=city">南阳</a>
                        <a href="?city=宁波&tab=city">宁波</a>
                        <a href="?city=宁德&tab=city">宁德</a>
                        <a href="?city=怒江州&tab=city">怒江州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">P</dt>
                    <dd>
                        <a href="?city=攀枝花&tab=city">攀枝花</a>
                        <a href="?city=盘锦&tab=city">盘锦</a>
                        <a href="?city=蓬莱&tab=city">蓬莱</a>
                        <a href="?city=平顶山&tab=city">平顶山</a>
                        <a href="?city=平度&tab=city">平度</a>
                        <a href="?city=平凉&tab=city">平凉</a>
                        <a href="?city=萍乡&tab=city">萍乡</a>
                        <a href="?city=莆田&tab=city">莆田</a>
                        <a href="?city=濮阳&tab=city">濮阳</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">Q</dt>
                    <dd>
                        <a href="?city=七台河&tab=city">七台河</a>
                        <a href="?city=齐齐哈尔&tab=city">齐齐哈尔</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">Q</dt>
                    <dd>
                        <a href="?city=黔西南州&tab=city">黔西南州</a>
                        <a href="?city=钦州&tab=city">钦州</a>
                        <a href="?city=秦皇岛&tab=city">秦皇岛</a>
                        <a href="?city=青岛&tab=city">青岛</a>
                        <a href="?city=清远&tab=city">清远</a>
                        <a href="?city=庆阳&tab=city">庆阳</a>
                        <a href="?city=曲靖&tab=city">曲靖</a>
                        <a href="?city=衢州&tab=city">衢州</a>
                        <a href="?city=泉州&tab=city">泉州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">R</dt>
                    <dd>
                        <a href="?city=日喀则地区&tab=city">日喀则地区</a>
                        <a href="?city=日照&tab=city">日照</a>
                        <a href="?city=荣成&tab=city">荣成</a>
                        <a href="?city=乳山&tab=city">乳山</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">S</dt>
                    <dd>
                        <a href="?city=三门峡&tab=city">三门峡</a>
                        <a href="?city=三明&tab=city">三明</a>
                        <a href="?city=三亚&tab=city">三亚</a>
                        <a href="?city=山南地区&tab=city">山南地区</a>
                        <a href="?city=汕头&tab=city">汕头</a>
                        <a href="?city=汕尾&tab=city">汕尾</a>
                        <a href="?city=商洛&tab=city">商洛</a>
                        <a href="?city=商丘&tab=city">商丘</a>
                        <a href="?city=上海&tab=city">上海</a>
                        <a href="?city=上饶&tab=city">上饶</a>
                        <a href="?city=韶关&tab=city">韶关</a>
                        <a href="?city=邵阳&tab=city">邵阳</a>
                        <a href="?city=绍兴&tab=city">绍兴</a>
                        <a href="?city=深圳&tab=city">深圳</a>
                        <a href="?city=沈阳&tab=city">沈阳</a>
                        <a href="?city=十堰&tab=city">十堰</a>
                        <a href="?city=石河子&tab=city">石河子</a>
                        <a href="?city=石家庄&tab=city">石家庄</a>
                        <a href="?city=石嘴山&tab=city">石嘴山</a>
                        <a href="?city=寿光&tab=city">寿光</a>
                        <a href="?city=双鸭山&tab=city">双鸭山</a>
                        <a href="?city=朔州&tab=city">朔州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">S</dt>
                    <dd>
                        <a href="?city=四平&tab=city">四平</a>
                        <a href="?city=松原&tab=city">松原</a>
                        <a href="?city=宿迁&tab=city">宿迁</a>
                        <a href="?city=宿州&tab=city">宿州</a>
                        <a href="?city=绥化&tab=city">绥化</a>
                        <a href="?city=随州&tab=city">随州</a>
                        <a href="?city=遂宁&tab=city">遂宁</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">T</dt>
                    <dd>
                        <a href="?city=塔城地区&tab=city">塔城地区</a>
                        <a href="?city=台州&tab=city">台州</a>
                        <a href="?city=太仓&tab=city">太仓</a>
                        <a href="?city=太原&tab=city">太原</a>
                        <a href="?city=泰安&tab=city">泰安</a>
                        <a href="?city=泰州&tab=city">泰州</a>
                        <a href="?city=唐山&tab=city">唐山</a>
                        <a href="?city=天津&tab=city">天津</a>
                        <a href="?city=天水&tab=city">天水</a>
                        <a href="?city=铁岭&tab=city">铁岭</a>
                        <a href="?city=通化&tab=city">通化</a>
                        <a href="?city=通辽&tab=city">通辽</a>
                        <a href="?city=铜川&tab=city">铜川</a>
                        <a href="?city=铜陵&tab=city">铜陵</a>
                        <a href="?city=铜仁地区&tab=city">铜仁地区</a>
                        <a href="?city=吐鲁番地区&tab=city">吐鲁番地区</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">W</dt>
                    <dd>
                        <a href="?city=瓦房店&tab=city">瓦房店</a>
                        <a href="?city=威海&tab=city">威海</a>
                        <a href="?city=潍坊&tab=city">潍坊</a>
                        <a href="?city=渭南&tab=city">渭南</a>
                        <a href="?city=温州&tab=city">温州</a>
                        <a href="?city=文登&tab=city">文登</a>
                        <a href="?city=文山州&tab=city">文山州</a>
                        <a href="?city=乌海&tab=city">乌海</a>
                        <a href="?city=乌兰察布&tab=city">乌兰察布</a>
                        <a href="?city=乌鲁木齐&tab=city">乌鲁木齐</a>
                        <a href="?city=无锡&tab=city">无锡</a>
                        <a href="?city=吴江&tab=city">吴江</a>
                        <a href="?city=吴忠&tab=city">吴忠</a>
                        <a href="?city=芜湖&tab=city">芜湖</a>
                        <a href="?city=梧州&tab=city">梧州</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">W</dt>
                    <dd>
                        <a href="?city=武汉&tab=city">武汉</a>
                        <a href="?city=武威&tab=city">武威</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">X</dt>
                    <dd>
                        <a href="?city=西安&tab=city">西安</a>
                        <a href="?city=西宁&tab=city">西宁</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">X</dt>
                    <dd>
                        <a href="?city=锡林郭勒盟&tab=city">锡林郭勒盟</a>
                        <a href="?city=厦门&tab=city">厦门</a>
                        <a href="?city=咸宁&tab=city">咸宁</a>
                        <a href="?city=咸阳&tab=city">咸阳</a>
                        <a href="?city=湘潭&tab=city">湘潭</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">X</dt>
                    <dd>
                        <a href="?city=襄阳&tab=city">襄阳</a>
                        <a href="?city=孝感&tab=city">孝感</a>
                        <a href="?city=忻州&tab=city">忻州</a>
                        <a href="?city=新乡&tab=city">新乡</a>
                        <a href="?city=新余&tab=city">新余</a>
                        <a href="?city=信阳&tab=city">信阳</a>
                        <a href="?city=兴安盟&tab=city">兴安盟</a>
                        <a href="?city=邢台&tab=city">邢台</a>
                        <a href="?city=徐州&tab=city">徐州</a>
                        <a href="?city=许昌&tab=city">许昌</a>
                        <a href="?city=宣城&tab=city">宣城</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">Y</dt>
                    <dd>
                        <a href="?city=雅安&tab=city">雅安</a>
                        <a href="?city=烟台&tab=city">烟台</a>
                        <a href="?city=延安&tab=city">延安</a>
                        <a href="?city=延边州&tab=city">延边州</a>
                        <a href="?city=盐城&tab=city">盐城</a>
                        <a href="?city=扬州&tab=city">扬州</a>
                        <a href="?city=阳江&tab=city">阳江</a>
                        <a href="?city=阳泉&tab=city">阳泉</a>
                        <a href="?city=伊犁哈萨克州&tab=city">伊犁哈萨克州</a>
                        <a href="?city=宜宾&tab=city">宜宾</a>
                        <a href="?city=宜昌&tab=city">宜昌</a>
                        <a href="?city=宜春&tab=city">宜春</a>
                        <a href="?city=宜兴&tab=city">宜兴</a>
                        <a href="?city=义乌&tab=city">义乌</a>
                        <a href="?city=益阳&tab=city">益阳</a>
                        <a href="?city=银川&tab=city">银川</a>
                        <a href="?city=鹰潭&tab=city">鹰潭</a>
                        <a href="?city=营口&tab=city">营口</a>
                        <a href="?city=永州&tab=city">永州</a>
                        <a href="?city=榆林&tab=city">榆林</a>
                        <a href="?city=玉树州&tab=city">玉树州</a>
                        <a href="?city=玉溪&tab=city">玉溪</a>
                        <a href="?city=岳阳&tab=city">岳阳</a>
                        <a href="?city=云浮&tab=city">云浮</a>
                        <a href="?city=运城&tab=city">运城</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">Z</dt>
                    <dd>
                        <a href="?city=枣庄&tab=city">枣庄</a>
                        <a href="?city=湛江&tab=city">湛江</a>
                        <a href="?city=张家港&tab=city">张家港</a>
                        <a href="?city=张家界&tab=city">张家界</a>
                        <a href="?city=张家口&tab=city">张家口</a>
                        <a href="?city=张掖&tab=city">张掖</a>
                        <a href="?city=章丘&tab=city">章丘</a>
                        <a href="?city=漳州&tab=city">漳州</a>
                        <a href="?city=招远&tab=city">招远</a>
                        <a href="?city=昭通&tab=city">昭通</a>
                        <a href="?city=肇庆&tab=city">肇庆</a>
                        <a href="?city=镇江&tab=city">镇江</a>
                        <a href="?city=郑州&tab=city">郑州</a>
                        <a href="?city=中山&tab=city">中山</a>
                        <a href="?city=中卫&tab=city">中卫</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">Z</dt>
                    <dd>
                        <a href="?city=舟山&tab=city">舟山</a>
                        <a href="?city=周口&tab=city">周口</a>
                        <a href="?city=株洲&tab=city">株洲</a>
                        <a href="?city=珠海&tab=city">珠海</a>
                        <a href="?city=诸暨&tab=city">诸暨</a>
                        <a href="?city=驻马店&tab=city">驻马店</a>
                        <a href="?city=资阳&tab=city">资阳</a>
                        <a href="?city=淄博&tab=city">淄博</a>
                        <a href="?city=自贡&tab=city">自贡</a>
                        <a href="?city=遵义&tab=city">遵义</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">F</dt>
                    <dd>
                        <a href="?city=福州&tab=city">福州</a>
                        <a href="?city=富阳&tab=city">富阳</a>
                    </dd>
                </dl>
            </div>
            <div class="city_province_item">
                <dl>
                    <dt class="">Y</dt>
                    <dd>
                        <a href="?city=伊春&tab=city">伊春</a>
                        <a href="?city=玉林&tab=city">玉林</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    var city = '深圳';
    if(city!=null)
    {
        $.cookie('city', city);
    }
    $(document).ready(function(){
        $('#scrollbar1').hide();
        $("#showcityselect").click(function(){
            $("#scrollbar1").animate({width:'toggle'},"slow");
        })
    })

    $(document).ready(function(){
        $('#city-back').click(function(){
            $("#scrollbar1").animate({width:'toggle'},"slow");
        })
    })

    $(function(){
        $('#citysearch').bind('keypress',function(event)
        {
            if(event.keyCode == "13")
            {
                var citysearch = $('#citysearch').val();
                if(citysearch!=null && citysearch.length>0)
                {
                    window.location.href = "?city=" + citysearch + "&tab=city";
                }
            }
        });
    });
</script>
</body>
</html>